<footer>
    <p>
        <small>Powered by <a href="https://github.com/duguying/myblog">Rex</a> | Copyright 2014 - 2014 by <a href="/about/">duguying</a>
            | <span class="label label-info" id="timeSpan">{{ TIME }}</span></small>
    </p>
</footer>

<script type="text/javascript" src="{{STATIC_URL}}js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    function setTimeSpan() {
        var date = new Date();
        timeSpan.innerText = date.format('yyyy-MM-dd hh:mm:ss');
    }

    Date.prototype.format = function (format) {
        var o =
        {
            "M+": this.getMonth() + 1, //month
            "d+": this.getDate(),    //day
            "h+": this.getHours(),   //hour
            "m+": this.getMinutes(), //minute
            "s+": this.getSeconds(), //second
            "q+": Math.floor((this.getMonth() + 3) / 3),  //quarter
            "S": this.getMilliseconds() //millisecond
        }
        if (/(y+)/.test(format))
            format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(format))
                format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
        return format;
    }

    $(document).ready(function(){
        setInterval(setTimeSpan,1000);
    })
</script>
